<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/yanchanghui.css">
</head>
<body>
    <div id="yanchanghui">
        <div class="header">
            <div class="search">
                <img src="" alt="">
                <input type="text" value="找明星、演出、场馆">
            </div>
        </div>
        <div class="item-list">
            <div class="scroll">
                <ul>
                    <li>全部</li>
                    <li>演唱会</li>
                    <li>话剧歌剧</li>
                    <li>休闲展览</li>
                    <li>戏曲艺术</li>
                    <li>音乐节</li>
                    <li>亲子演出</li>
                    <li>音乐会</li>
                    <li>舞蹈芭蕾</li>
                    <li>剧本杀</li>
                    <li>体育赛事</li>
                    <li>演出直播</li>
                    <li>演出周边</li>
                    <li>电竞赛事</li>
                    <li>其他</li>
                </ul>
            </div>
            
            <div>
                <img src="" alt="">
            </div>
        </div>
        <!-- 轮播 之后完善 -->
        <div class="swiper">
            <ul>
                <li>
                    <img src="https://img.meituan.net/kylisean/085ad46d46981450cc5926fbd7c1c23a35230.jpg@750w_150h_1c_1e" alt="">
                </li>
                <li>
                    <img src="https://img.meituan.net/kylisean/c0038e8035787c405537b71ba4bb3efc39379.jpg@750w_150h_1c_1e" alt="">
                </li>
                <li>
                    <img src="https://img.meituan.net/kylisean/4e9c744efa234535a9feb5ada80f20b1126712.jpg@750w_150h_1c_1e" alt="">
                </li>
                <li>
                    <img src="https://img.meituan.net/kylisean/26f2666492a9451f8b968832bcdb51a793329.jpg@750w_150h_1c_1e" alt="">
                </li>
                <li>
                    <img src="https://img.meituan.net/kylisean/085ad46d46981450cc5926fbd7c1c23a35230.jpg@750w_150h_1c_1e" alt="">
                </li>
                <li>
                    <img src="https://img.meituan.net/kylisean/c0038e8035787c405537b71ba4bb3efc39379.jpg@750w_150h_1c_1e" alt="">
                </li>
            </ul>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <ul class="program" id="site">
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/332ed8dd17d0c9add84a89eb51678fe2156810.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>NewBlood 万圣狂欢电音节 | 北京站 百鬼夜行，一起撒野狂欢！</p>
                        <p>2021.10.30 15:00 周六</p>
                        <p>北京 北京HEAVEN CLUB 演出现场-总店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>79.90-399.90元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/6d282fd903206014b774d50586f453b41715542.png@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>马良「不确定因素」2021全国巡演-北京站  代表作:《往后余生》《醒着醉》</p>
                        <p>2021.11.19 20:30 周五</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>120-150元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/0dfe7ec844a00e1ddcb87274eaefedd41849409.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>M-LAB呈献 | 黄鲲 x 蒋敦豪 x 于洋 「假如有一场演唱会」2021年联合巡演 北京站</p>
                        <p>2021.10.24 20:30 周日</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>239-399元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/f40c04c36fdb30b4fcad66d51a768db0187387.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>【没人比我跳得高】结冰水+梯云纵+春日玫瑰+时光胶囊</p>
                        <p>2021.11.6 14:30 周六</p>
                        <p>北京 MAOlivehouse-五棵松店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>129-489元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/332ed8dd17d0c9add84a89eb51678fe2156810.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>NewBlood 万圣狂欢电音节 | 北京站 百鬼夜行，一起撒野狂欢！</p>
                        <p>2021.10.30 15:00 周六</p>
                        <p>北京 北京HEAVEN CLUB 演出现场-总店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>79.90-399.90元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/6d282fd903206014b774d50586f453b41715542.png@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>马良「不确定因素」2021全国巡演-北京站  代表作:《往后余生》《醒着醉》</p>
                        <p>2021.11.19 20:30 周五</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>120-150元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/0dfe7ec844a00e1ddcb87274eaefedd41849409.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>M-LAB呈献 | 黄鲲 x 蒋敦豪 x 于洋 「假如有一场演唱会」2021年联合巡演 北京站</p>
                        <p>2021.10.24 20:30 周日</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>239-399元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/f40c04c36fdb30b4fcad66d51a768db0187387.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>【没人比我跳得高】结冰水+梯云纵+春日玫瑰+时光胶囊</p>
                        <p>2021.11.6 14:30 周六</p>
                        <p>北京 MAOlivehouse-五棵松店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>129-489元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/332ed8dd17d0c9add84a89eb51678fe2156810.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>NewBlood 万圣狂欢电音节 | 北京站 百鬼夜行，一起撒野狂欢！</p>
                        <p>2021.10.30 15:00 周六</p>
                        <p>北京 北京HEAVEN CLUB 演出现场-总店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>79.90-399.90元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/6d282fd903206014b774d50586f453b41715542.png@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>马良「不确定因素」2021全国巡演-北京站  代表作:《往后余生》《醒着醉》</p>
                        <p>2021.11.19 20:30 周五</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>120-150元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p1.meituan.net/myvideodistribute/0dfe7ec844a00e1ddcb87274eaefedd41849409.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>M-LAB呈献 | 黄鲲 x 蒋敦豪 x 于洋 「假如有一场演唱会」2021年联合巡演 北京站</p>
                        <p>2021.10.24 20:30 周日</p>
                        <p>北京 糖果TANGO</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>239-399元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="https://p0.meituan.net/myvideodistribute/f40c04c36fdb30b4fcad66d51a768db0187387.jpg@200w_270h_1c_1e" alt="">
                <div>
                    <div class="top">
                        <p>【没人比我跳得高】结冰水+梯云纵+春日玫瑰+时光胶囊</p>
                        <p>2021.11.6 14:30 周六</p>
                        <p>北京 MAOlivehouse-五棵松店</p>
                    </div>
                    <div class="bottom">
                        <span>售票中</span>
                        <span>129-489元</span>
                        <span>自营</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <script>
        (function () {
        function w() {
            var all = document.documentElement; 
            var test = all.getBoundingClientRect().width;
            if (test > 1024) {
                test = 1024;
            }
            rem = test / 25;
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();
    var site = document.querySelector("#site")
    var st =site.children
    for (var i = 0; i < st.length; i++) {
        st[i].onclick = function () {
            window.location.href = "./detail详情.html"
        }
    }
    </script>
</body>
</html>